<!DOCTYPE HTML>
<html>

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="renderer" content="webkit">
	<meta http-equiv="content-script-type" content="text/javascript">
	<meta http-equiv="content-style-type" content="text/css">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta http-equivmetahttp-equiv="x-ua-compatible" content="IE=7">
	<meta name="keywords" content="">
	<meta name="description" content="">
	<title>首页</title>
	<link rel="stylesheet" href="./css/reset.css">
	<link rel="stylesheet" href="./css/style.css">
	<link rel="stylesheet" href="./css/animate.css">
	<link rel="stylesheet" href="./css/hover.css">
</head>

<body>
		<template src="components/header.html"></template>
		<template src="components/scroll-text.html"></template>
	<div class="login">
		<div class="max-auto login-box">
			<ul class="login-toggle">
				<li class="toggle-item" d="login">
					<!-- 用户登录 -->
				</li>
				<li class="toggle-item" d="register">
					<!-- 注册账号 -->
				</li>
				<li class="toggle-item" d="forget">
					<!-- 忘记密码 -->
				</li>
			</ul>
			<div class="login-input">
				<div class="showbox box-login" data-show="login">
					<ul class="input-list">
						<li class="input-item">
							<div class="input-item-title"></div>
							<div class="input-item-label">
								<img src="./img/login/user.png" alt="" class="login-user">
								<input class="login-username" type="text" placeholder="请输入手机号/邮箱/用户名">
							</div>
						</li>
						<li class="input-item">
							<div class="input-item-title"></div>
							<div class="input-item-label">
								<img src="./img/login/lock.png" alt="" class="login-lock">
								<input class="login-pwd" type="password" placeholder="请输入登录密码">
							</div>
						</li>
						<li class="input-item">
							<div class="input-item-title"></div>
							<div class="input-item-label">
								<span class="login-btn">登录</span>
							</div>
						</li>
					</ul>
				</div>
				<div class="showbox box-register" data-show="register">
					<ul class="input-list">
						<li class="input-item">
							<div class="input-item-title">
								<span class="color">* </span>账号</div>
							<div class="input-item-label">
								<input type="text" placeholder="请输入6-16位数字和字母组合" />
							</div>
						</li>
						<li class="input-item">
							<div class="input-item-title">
								<span class="color">* </span>登录密码</div>
							<div class="input-item-label">
								<input type="text" placeholder="请输入6-16位字符组合" />
							</div>
						</li>
						<li class="input-item">
							<div class="input-item-title">
								<span class="color">* </span>确认密码</div>
							<div class="input-item-label">
								<input type="text" placeholder="确认密码" />
							</div>
						</li>
						<li class="input-item">
							<div class="input-item-title">
								<span class="color">* </span>推广码</div>
							<div class="input-item-label">
								<input type="text" placeholder="请输入推广码" />
							</div>
						</li>
						<li class="input-item">
							<div class="input-item-title"></div>
							<div class="input-item-label">
								<span class="register-btn">注册</span>
							</div>
						</li>
						<li class="input-item">
							<div class="input-item-title"></div>
							<div class="input-item-label tal">
								<input id="checkbox" type="checkbox" />
								<span style="color: #64B8DE">本人承诺已满18周岁并接受</span>
								<span class="color">《条款和协议、隐私</span>
								<span class="color" style="padding-left: 20px;">以及年龄限制条例》</span>
							</div>
						</li>
						<li class="input-item">
							<div class="input-item-title"></div>
							<div class="input-item-label tal">
								<p style="color: #999;line-height: 18px;">提出首次申请提款前，我们需要您提供一些个人资料已作核实确认身份使用，此资料可以在“个人资料“中随时更新。</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="showbox box-forget" data-show="forget">
					<ul class="input-list">
						<li class="input-item">
							<div class="input-item-title">
								<span class="color">* </span>账号</div>
							<div class="input-item-label">
								<input type="text" placeholder="请输入账号">
							</div>
						</li>
						<li class="input-item">
							<div class="input-item-title"></div>
							<div class="input-item-label">
								<span class="forget-ok">确定</span>
								<span class="forget-close">取消</span>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
		<img class="bg-left" src="./img/login/login-bg-left.png" alt="">
		<img class="bg-right" src="./img/login/login-bg-right.png" alt="">
	</div>
	<template src="components/footer.html"></template>
</body>

</html>
<script src="./js/scrollText.js"></script>
<script src="./js/jquery-1.8.3.min.js"></script>
<script src="./js/jquery.SuperSlide.2.1.1.js"></script>
<script src="./js/common.js"></script>
<script>
	function GetQueryString(name) {
		var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
		var r = window.location.search.substr(1).match(reg);
		if (r != null) return unescape(r[2]); return null;
	}
	function initTypes(val) {
		$('.login-toggle').css({
			backgroundImage: 'url(./img/login/' + val + '-act.png)'
		})
		$('.showbox').hide();
		$('.box-' + val).show()
	}
	$(function () {
		var types = GetQueryString('types') || 'login'; // register || login
		initTypes(types)
		$('.toggle-item').click(function () {
			var d = $(this).attr('d')
			initTypes(d)
		})

		$('.register-btn').click(function () {
			var checked = $('#checkbox')[0].checked;
			alert(checked)
		})
	})
</script>